/*
 * @Author: xiaosihan 
 * @Date: 2024-08-06 21:56:04 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-08-06 23:34:59
 */

import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./notFind.module.less";
import PCHeader from "../PCHeader/PCHeader";
import { Button, Empty } from "antd";
import notFindPNG from "./notFind.png";
import hashHistory from "@hashHistory";

interface Iprops {
    children?: ReactNode
}
// 404页面
export default function NotFind(props: Iprops) {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }), []);

    return (
        <div className={styles.notFind} >
            <PCHeader />
            <div className={styles.connect} >
                <Empty
                    image={notFindPNG}
                    description="链接丢失"
                />
                <br />
                <p className={styles.p} >请刷新页面重试</p>
                <br />
                <Button
                    type="primary"
                    size="small"
                    onClick={() => {
                        hashHistory.push("/");
                    }}
                >返回首页</Button>
            </div>
        </div>
    );

}